<!DOCTYPE html>
<!-- saved from url=(0071)http://aone.qk092.com/?code=0016JRxq1WUWin0x4qyq1gzQxq16JRxo&state=0001 -->
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>家园在线</title>

    <script src="{:RES}/jinrong/Mobile/Public/js/socket.io.min.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/chart/zepto.min.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/chart/zepto_fx.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/swiper/swiper.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/jquery-1.11.3.min.js"></script>

    <script src="{:RES}/jinrong/Mobile/Public/js/chart/layer.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/chart/resource1.js"></script>
    <!--<script src="{:RES}/jinrong/Mobile/Public/js/chart/resource2.js"></script>-->
    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/chart/resource.css">
    <link rel="styleSheet" href="{:RES}/jinrong/Mobile/Public/css/chart/layer.css" type="text/css" id="layermcss">

    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/chart/resource3.css">
    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/chart/nav.css">
    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/index.css">
    <!--<script src="{:RES}/jinrong/Mobile/Public/js/chart/echarts.min.js"></script>-->
    <script src="{:RES}/jinrong/Mobile/Public/js/chart/echarts.js"></script>

    <script src="{:RES}/jinrong/Mobile/Public/js/chart/wow.min.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/buy.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/login.js"></script>
    <!--<script src="{:RES}/jinrong/Mobile/Public/js/loading.js"></script>-->

</head>
<body>
<section>
<div class="goods">
    <ul>
        <li class="current" data-src="BTbtccny">
            <p class="optionname">比特币</p>
            <b id="BTbtccny" class="green">18459.01<i class="green_d"></i></b>

            <span id="hold_0" style="display:none"></span>
        </li>
        <li data-src="NECLA0">
            <p class="optionname">美燃油</p>
            <b id="NECLA0" class="red">49.02<i class="red_z"></i></b>
            <span id="hold_1" style="display:none"></span>
        </li>
        <li data-src="CMGCA0">
            <p class="optionname">美白银</p>
            <b id="CMGCA0" class="red">1259.10<i class="red_z"></i></b>
            <span id="hold_2" style="display:none"></span>
        </li>
    </ul>
</div>
<div class="kxt">
    <div id="container"
         _echarts_instance_="ec_1501224426789"
         style="-webkit-tap-highlight-color: transparent;
                     user-select: none; position: relative;background-color: white;
                     ">
        <div style="position: relative; overflow: hidden; width: 7236px; height: 804px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
            <canvas width="7236" height="804" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 7236px; height: 804px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
            <canvas width="7236" height="804" data-zr-dom-id="zr_10" style="position: absolute; left: 0px; top: 0px; width: 7236px; height: 804px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
        </div>
        <div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 14px; font-family: sans-serif; line-height: 21px; padding: 5px; left: 5006px; top: 544px;">
            <div style="background:#111111;border-radius:5px;padding:3px 3px 3px 3px;color:#eeeeee">时间：12:41<br>价格：18319.97</div>
        </div>
    </div>
</div>


<div class="kxt_btn">
    <ul>
        <li data-src="0" class="current">分时图</li>
        <li data-src="1">1M</li>
        <li data-src="5">5M</li>
        <li data-src="15">15M</li>
        <li data-src="30">30M</li>
    </ul>
</div>

    <div class="index_list">
        <ul>
            <li class="current">最近成交</li>
            <li>持仓订单 <span id="_dot" class=""></span></li>
            <li>交易记录</li>
        </ul>
    </div>

    <div class="index_data" id="index_data_0" style="min-height: 724px;">
        <dl>
            <dt>开抢时间</dt>
            <dd>合约</dd>
            <dd>方向</dd>
            <dd>定金</dd>
        </dl>
        <dl>
            <dt> 12:58:00</dt>
            <dd>比特币</dd>
            <dd class="red">买涨</dd>
            <dd>
                <b>5000</b>
                <span><i style="display: block;height: 100%;width:100%" class="red_bg"> </i></span>
            </dd>
        </dl>
        <dl>
            <dt> 12:56:14</dt>
            <dd>比特币</dd>
            <dd class="green">买跌</dd>
            <dd>
                <b>5000</b>
                <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
            </dd>
        </dl>
        <dl>
            <dt> 12:55:24</dt>
            <dd>美黃金</dd>
            <dd class="green">买跌</dd>
            <dd>
                <b>5000</b>
                <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
            </dd>
        </dl>
        <dl>
            <dt> 12:55:11</dt>
            <dd>比特币</dd>
            <dd class="green">买跌</dd>
            <dd>
                <b>5000</b>
                <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
            </dd>
        </dl>
        <dl>
            <dt> 12:54:04</dt>
            <dd>比特币</dd>
            <dd class="green">买跌</dd>
            <dd>
                <b>5000</b>
                <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
            </dd>
        </dl>
        <dl>
            <dt> 11:08:55</dt>
            <dd>比特币</dd>
            <dd class="red">买涨</dd>
            <dd>
                <b>1000</b>
                <span><i style="display: block;height: 100%;width:20%" class="red_bg"> </i></span>
            </dd>
        </dl>
        <dl>
            <dt> 10:39:30</dt>
            <dd>比特币</dd>
            <dd class="red">买涨</dd>
            <dd>
                <b>2000</b>
                <span><i style="display: block;height: 100%;width:40%" class="red_bg"> </i></span>
            </dd>
        </dl>
        <dl>
            <dt> 10:39:17</dt>
            <dd>比特币</dd>
            <dd class="red">买涨</dd>
            <dd>
                <b>1000</b>
                <span><i style="display: block;height: 100%;width:20%" class="red_bg"> </i></span>
            </dd>
        </dl>

    </div>

    <div class="index_data" style="display: none; background: rgb(0, 0, 0); min-height: 3440px;">
    </div>

    <div class="index_data" style="display: none; background: rgb(0, 0, 0); min-height: 3440px;">
    </div>
</section>

<input type="hidden" id="_inputdate" value="2017-07-28 14:47:06">
</body>

<script src="{:RES}/jinrong/Mobile/Public/js/chart/index.js"></script>
<script>
    var socket = new ReconnectingWebSocket('ws://aone.qk092.com/ws', null, {debug: false});
    $(function() {
        socket.onmessage = function (e) {
            sdata = JSON.parse(e.data);
            if (typeof(sdata.winner) != 'undefined' && !noPop)
                layer.open(
                        {
                            style: 'position:absolute;left:28%;bottom:10%;text-align:center;',
                            content: '<span id="z_money">' + sdata.winner.phone + '' +
                            '<img src="{:RES}/jinrong/Mobile/Public/images/shouyi@2x.png"><b>+' + sdata.winner.price + '</b></span>',
                            skin: 'msg',
                            shade: 'background-color: rgba(0,0,0,.2)',
                            time: 2
                        });
            if (typeof(sdata.recent) != 'undefined') addItem(sdata.recent);
            if (typeof(sdata.chk) != 'undefined') processData(sdata.chk);
            /*生成折线图*/
            if (typeof(sdata.product) != 'undefined') addStock(sdata.product);
        }
        socket.onopen = function (e) {
            socket.send("show|" + $("#cur_show_good").val());
        }
        socket.onerror = function (e) {
            _Toast('网络故障，无法连接');
        }
    });
</script>
</html>